﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxDataGrid-1#bind-to-data-synchronously">
    <CodeSnippetTabPage Text="Razor">@(@"<DxDataGrid Data=""@largeDataSource""
            SelectionMode=""DataGridSelectionMode.None""
            PageSize=""10""
            KeyFieldName=""Oid""
            CssClass=""mw-1100"">
    <DxDataGridColumn Field=""@nameof(AreaRentInfo.State)"" AllowSort=""false""></DxDataGridColumn>
    <DxDataGridColumn Field=""@nameof(AreaRentInfo.Area)"" AllowSort=""false""></DxDataGridColumn>
    <DxDataGridColumn Field=""@nameof(AreaRentInfo.City)"" Caption=""County"" AllowSort=""false""></DxDataGridColumn>
    <DxDataGridColumn Field=""@nameof(AreaRentInfo.Name)"" Caption=""Location"" AllowSort=""false""></DxDataGridColumn>
    <DxDataGridSpinEditColumn Field=""@nameof(AreaRentInfo.Year)""></DxDataGridSpinEditColumn>
    <DxDataGridSpinEditColumn Field=""@nameof(AreaRentInfo.Bedrooms)""></DxDataGridSpinEditColumn>
    <DxDataGridSpinEditColumn Field=""@nameof(AreaRentInfo.Rent)"">
        <DisplayTemplate>
            @(((context as AreaRentInfo).Rent).ToString(""C2""))
        </DisplayTemplate>
    </DxDataGridSpinEditColumn>
    <DxDataGridSpinEditColumn Field=""@nameof(AreaRentInfo.Population)"" AllowSort=""false"">
        <DisplayTemplate>
            @(((context as AreaRentInfo).Population).ToString(""#,0""))
        </DisplayTemplate>
    </DxDataGridSpinEditColumn>
</DxDataGrid>")</CodeSnippetTabPage>
</CodeSnippetTabbed>
